<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Cache-Control" content="no-transform">
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <title>联通4G用户专享，50M免费流量包等你拿！</title>
    <link rel="stylesheet" type="text/css" href="/dbs/css/hfg_sp.css"/>
    <script type="text/javascript" src="/statics/jquery/jquery.js"></script>
    <script type="text/javascript" src="/statics/layer.m/layer.m.js"></script>
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <style>
        #mcover {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            display: none;
            z-index: 20000;
        }

        #mcover img {
            position: fixed;
            right: 18px;
            top: 5px;
            width: 260px;
            height: 180px;
            z-index: 20001;
        }

        .img {
            width: 100%;
            min-width: 100%;
            height: 50px;
            margin: 0 auto;
            text-align: center;
            font-size: 20px;
        }

    </style>
</head>
<body>
<div class="g-body">
    <div class="g-wrap" style="width: 100%;">
        <img src="/dbs/img/hd1.jpg" style="width: 100%;"/>
    </div>
</div>
<div class="m-simpleFooter m-detail-buy">
    <div data-pro="text" class="m-simpleFooter-text" style="text-align:center">
        <a class="w-button w-button-main" onClick=" share();">分&nbsp;&nbsp;享</a>

    </div>
    <div data-pro="ext" class="m-simpleFooter-ext"></div>
</div>
<div id="mcover" onClick="document.getElementById('mcover').style.display='';" style=""><img src="/dbs/img/share.png">
</div>
<script type="text/javascript">

    wx.config({
        debug: false, //调试的时候最好设为true，它每一步都会alert数据出来，让你知道出了什么问题
        appId: '${wx_appid}', //服务端获取
        timestamp: '${timeStamp}', //随便填写一串数字
        nonceStr: '${nonceStr}', //随便一字符串
        signature: '${signaTure}', //**这个要到服务器获取**
        jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ']
    });

    function share() {
        document.getElementById('mcover').style.display = 'block';
    }
    ;
    wx.ready(function () {
        wx.onMenuShareTimeline({  //例如分享到朋友圈的API
            title: '发福利啦！50M流量免费送！快来试试吧！~（联通4G用户专享）', // 分享标题
            link: 'http://app.bxbao.com.cn/wxhd/onehd', // 分享链接
            imgUrl: 'http://app.bxbao.com.cn/dbs/img/hdIco.png', // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
                onShare();
                layer.open({
                    content: '分享成功',
                    btn: ['确定'],
                    yes: function (index) { //或者使用btn2
                        location.href = "/wxhd/twohd";
                    }
                });

            },
            cancel: function () {
                layer.open({
                    content: '分享失败就不能领取免费流量包哟',
                    btn: ['确定'],
                    cancel: function (index) { //或者使用btn2
                    }
                });
            }
        });
        wx.onMenuShareAppMessage({  //例如分享到朋友圈的API
            title: '发福利啦！50M流量免费送！快来试试吧！~（联通4G用户专享）', // 分享标题
            link: 'http://app.bxbao.com.cn/wxhd/onehd', // 分享链接
            imgUrl: 'http://app.bxbao.com.cn/dbs/img/hdIco.png', // 分享图标
            desc: '即日起至3月31日，关于话费购官方微信，即可获得50M联通4G流量包哦！等你来拿！', // 分享描述
            success: function () {
                // 用户确认分享后执行的回调函数
                onShare();
                layer.open({
                    content: '分享成功',
                    btn: ['确定'],
                    yes: function (index) { //或者使用btn2
                        location.href = "/wxhd/twohd";
                    }
                });


            },
            cancel: function () {
                layer.open({
                    content: '分享失败就不能领取免费流量包哟',
                    btn: ['确定'],
                    cancel: function (index) { //或者使用btn2
                    }
                });
            }
        });
        wx.onMenuShareQQ({
            title: '发福利啦！50M流量免费送！快来试试吧！~（联通4G用户专享）', // 分享标题
            link: 'http://app.bxbao.com.cn/wxhd/onehd', // 分享链接
            imgUrl: 'http://app.bxbao.com.cn/dbs/img/hdIco.png', // 分享图标
            desc: '即日起至3月31日，关于话费购官方微信，即可获得50M联通4G流量包哦！等你来拿！', // 分享描述
            success: function () {
                // 用户确认分享后执行的回调函数
                onShare();
                layer.open({
                    content: '分享成功',
                    btn: ['确定'],
                    yes: function (index) { //或者使用btn2
                        location.href = "/wxhd/twohd";
                    }
                });

            },
            cancel: function () {
                layer.open({
                    content: '分享失败就不能领取免费流量包哟',
                    btn: ['确定'],
                    cancel: function (index) { //或者使用btn2
                    }
                });
            }
        });
        wx.error(function (res) {
            alert(res.errMsg);  //打印错误消息。及把 debug:false,设置为debug:ture就可以直接在网页上看到弹出的错误提示
        });
    });


    function onShare() {
        $.ajax({
            url: "/wxhd/onShare",
            type: 'POST',
            dataType: 'json',
            data: {},
            success: function (data) {

            },
            error: function (data) {

            }
        });
        return false;
    }


</script>
<div class="cnzz" style="display: none;">
    <script src="http://s4.cnzz.com/z_stat.php?id=1259390685&web_id=1259390685" language="JavaScript"></script>
</div>

</body>
</html>